﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Pathfinder</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- Pathfinder references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
</head>
<body>
    <h1>Pathfinder Character Sheet</h1>
    <div id="CharacterInfo">
        <div id="ChracterName">
            <label>Character Name</label>
            <input type="text" />
        </div>
        <div id="Alignment">
            <label>Alignment</label>
            <select>
                <option>Lawful</option>
                <option>Neutral</option>
                <option>Chaotic</option>
            </select>
            <select>
                <option>Good</option>
                <option>Neutral</option>
                <option>Evil</option>
            </select>
        </div>
        <div id="CharacterLevel">
            <label>Level</label>
            <input type="number" />
        </div>
        <div id="Deity">
            <label>Deity</label>
            <input type="text" />
        </div>
        <div id="HomeLand">
            <label>Homeland</label>
            <input type="text" />
        </div>
        <div id="Race">
            <label>Race</label>
            <input type="text" />
        </div>
        <div id="Size">
            <label>Size</label>
            <input type="text" />
        </div>
        <div id="Gender">
            <label>Gender</label>
            <select>
                <option>Male</option>
                <option>Female</option>
            </select>
        </div>
        <div id="Age">
            <label>Age</label>
            <input type="number" />
        </div>
        <div id="Height">
            <label>Height</label>
            <input type="number" />
        </div>
        <div id="Weight">
            <label>Weight</label>
            <input type="number" />
        </div>
    </div>
    <div id="StatsPanel">
        <div id="StatsPanelLabels">
            <div>Ability Name</div>
            <div>Ability Score</div>
            <div>Ability Modifier</div>
            <div>Temp Score</div>
            <div>Temp Modifier</div>
        </div>
        <div id="StrStatPanel">
            <label>STR</label>
            <div id="StrScore">
                <input type="number" />
            </div>
            <div id="StrMod">
                <input type="number" />
            </div>
            <div id="StrScoreTemp">
                <input type="number" />
            </div>
            <div id="StrModTemp">
                <input type="number" />
            </div>
        </div>
        <div id="DexStatPanel">
            <label>DEX</label>
            <div id="DexScore">
                <input type="number" />
            </div>
            <div id="DexMod">
                <input type="number" />
            </div>
            <div id="DexScoreTemp">
                <input type="number" />
            </div>
            <div id="DexModTemp">
                <input type="number" />
            </div>
        </div>
        <div id="ConStatPanel">
            <label>CON</label>
            <div id="ConScore">
                <input type="number" />
            </div>
            <div id="ConMod">
                <input type="number" />
            </div>
            <div id="ConScoreTemp">
                <input type="number" />
            </div>
            <div id="ConModTemp">
                <input type="number" />
            </div>
        </div>
        <div id="IntStatPanel">
            <label>INT</label>
            <div id="IntScore">
                <input type="number" />
            </div>
            <div id="IntMod">
                <input type="number" />
            </div>
            <div id="IntScoreTemp">
                <input type="number" />
            </div>
            <div id="IntModTemp">
                <input type="number" />
            </div>
        </div>
        <div id="WisdomStatPanel">
            <label>WIS</label>
            <div id="WisScore">
                <input type="number" />
            </div>
            <div id="WisMod">
                <input type="number" />
            </div>
            <div id="WisScoreTemp">
                <input type="number" />
            </div>
            <div id="WisModTemp">
                <input type="number" />
            </div>
        </div>
        <div id="CharStatPanel">
            <label>CHA</label>
            <div id="ChaScore">
                <input type="number" />
            </div>
            <div id="ChaMod">
                <input type="number" />
            </div>
            <div id="ChaScoreTemp">
                <input type="number" />
            </div>
            <div id="ChaModTemp">
                <input type="number" />
            </div>
        </div>
    </div>
    <div id="HealthContainer">
        <div id="TotalHP">
            <label>HP</label>
            <input type="number" />
        </div>
        <div id="LethalWounds">
            <label>Lethal Wounds</label>
            <input type="number" />
        </div>
        <div id="DamageReduction">
            <label>DR</label>
            <input type="number" />
        </div>
        <div id="NonLethalWounds">
            <label>Non-Lethal Wounds</label>
            <input type="number" />
        </div>
    </div>
    <div id="InitPanel">
        <label>INIT</label>
        <div id="TotalInit">
            <label></label>
            <input type="number" />
        </div>
        <label>=</label>
        <div class="DexMod">
            <input type="number" readonly="readonly"/>
        </div>
        <label>+</label>
        <div id="MiscInitMod">
            <input type="number" />
        </div>
    </div>
    <div id="SpeedContainer">
        <label>Speed</label>
        <div class="clear"></div>
        <div id="BaseSpeed">
            <label>Base Speed</label>
            <input type="number" />
            <label>ft.</label>
            <input type="number" readonly="readonly"/>
            <label>sq.</label>
        </div>
        <div id="ArmorSpeed">
            <label>Armor Speed</label>
            <input type="number" />
            <label>ft.</label>
            <input type="number" readonly="readonly"/>
            <label>sq.</label>
        </div>
        <div id="FlySpeed">
            <label>Fly Speed</label>
            <input type="number" />
            <label>ft.</label>
            <input type="number" readonly="readonly"/>
            <label>sq.</label>
        </div>
        <div id="SwimSpeed">
            <label>Swim Speed</label>
            <input type="number" />
            <label>ft.</label>
            <input type="number" readonly="readonly"/>
            <label>sq.</label>
        </div>
        <div id="ClimbSpeed">
            <label>Climb Speed</label>
            <input type="number" />
            <label>ft.</label>
            <input type="number" readonly="readonly"/>
            <label>sq.</label>
        </div>
        <div id="BurrowSpeed">
            <label>Burrow Speed</label>
            <input type="number" />
            <label>ft.</label>
            <input type="number" readonly="readonly"/>
            <label>sq.</label>
        </div>
    </div>
    <div id="ACTotal">
        <div id="ArmorBonus"></div>
        <div id="ShieldBonus"></div>
        <div class="DexMod"></div>
        <div id="SizeMod"></div>
        <div id="NaturalArmor"></div>
        <div id="DeflectionBonus"></div>
        <div id="MiscArmorMod"></div>
    </div>
    <div id="TouchAC">
    </div>
    <div id="FlatFootAC">
    </div>
    <div id="SavePanel">
        <div id="FortSave"></div>
        <div id="RefSave"></div>
        <div id="WillSave"></div>
    </div>
    <div id="BAB">
    </div>
    <div id="SpellRes">
    </div>
    <div id="CMBPanel">
        <div id="CMBTotal"></div>
        <div class="BAB"></div>
        <div class="StrMod"></div>
        <div class="SizeMod"></div>
        <div id="CMBMiscMod"></div>
    </div>
    <div id="CMDPanel">
        <div id="CMDTotal"></div>
        <div class="BAB"></div>
        <div class="StrMod"></div>
        <div class="DexMod"></div>
        <div class="SizeMod"></div>
    </div>
    <div id="WeaponsPanel">
        <div id="Weapon1Panel">
	        <div id="Weapon1Name"></div>
	        <div id="Weapon1AttackBonus"></div>
	        <div id="Weapon1Critical"></div>
	        <div id="Weapon1Type"></div>
	        <div id="Weapon1Range"></div>
	        <div id="Weapon1Ammunition"></div>
	        <div id="Weapon1Damage"></div>
        </div>
        <div id="Weapon2Panel">
	        <div id="Weapon2Name"></div>
	        <div id="Weapon2AttackBonus"></div>
	        <div id="Weapon2Critical"></div>
	        <div id="Weapon2Type"></div>
	        <div id="Weapon2Range"></div>
	        <div id="Weapon2Ammunition"></div>
	        <div id="Weapon2Damage"></div>
        </div>
        <div id="Weapon3Panel">
	        <div id="Weapon3Name"></div>
	        <div id="Weapon3AttackBonus"></div>
	        <div id="Weapon3Critical"></div>
	        <div id="Weapon3Type"></div>
	        <div id="Weapon3Range"></div>
	        <div id="Weapon3Ammunition"></div>
	        <div id="Weapon3Damage"></div>
        </div>
        <div id="Weapon4Panel">
	        <div id="Weapon4Name"></div>
	        <div id="Weapon4AttackBonus"></div>
	        <div id="Weapon4Critical"></div>
	        <div id="Weapon4Type"></div>
	        <div id="Weapon4Range"></div>
	        <div id="Weapon4Ammunition"></div>
	        <div id="Weapon4Damage"></div>
        </div>
        <div id="Weapon5Panel">
	        <div id="Weapon5Name"></div>
	        <div id="Weapon5AttackBonus"></div>
	        <div id="Weapon5Critical"></div>
	        <div id="Weapon5Type"></div>
	        <div id="Weapon5Range"></div>
	        <div id="Weapon5Ammunition"></div>
	        <div id="Weapon5Damage"></div>
        </div>
    </div>
    <div id="ACItems">
        <div id="AC1Items">
	        <div id="AC1Name"></div>
	        <div id="AC1Bonus"></div>
	        <div id="AC1Type"></div>
	        <div id="AC1CheckPenalty"></div>
	        <div id="AC1SpellFailure"></div>
	        <div id="AC1Weight"></div>
	        <div id="AC1Properties"></div>
        </div>
        <div id="AC2Items">
	        <div id="AC2Name"></div>
	        <div id="AC2Bonus"></div>
	        <div id="AC2Type"></div>
	        <div id="AC2CheckPenalty"></div>
	        <div id="AC2SpellFailure"></div>
	        <div id="AC2Weight"></div>
	        <div id="AC2Properties"></div>
        </div>
        <div id="AC3Items">
	        <div id="AC3Name"></div>
	        <div id="AC3Bonus"></div>
	        <div id="AC3Type"></div>
	        <div id="AC3CheckPenalty"></div>
	        <div id="AC3SpellFailure"></div>
	        <div id="AC3Weight"></div>
	        <div id="AC3Properties"></div>
        </div>
        <div id="AC4Items">
	        <div id="AC4Name"></div>
	        <div id="AC4Bonus"></div>
	        <div id="AC4Type"></div>
	        <div id="AC4CheckPenalty"></div>
	        <div id="AC4SpellFailure"></div>
	        <div id="AC4Weight"></div>
	        <div id="AC4Properties"></div>
        </div>
        <div id="AC5Items">
	        <div id="AC5Name"></div>
	        <div id="AC5Bonus"></div>
	        <div id="AC5Type"></div>
	        <div id="AC5CheckPenalty"></div>
	        <div id="AC5SpellFailure"></div>
	        <div id="AC5Weight"></div>
	        <div id="AC5Properties"></div>
        </div>
    </div>
    <div id="Inventary">
    </div>
    <div id="Feats">
    </div>
    <div id="SpecialAbilities">
    </div>
    <div id="WeightPanel">
        <div id="LightLoad"></div>
        <div id="LiftOverHead"></div>
        <div id="MediumLoad"></div>
        <div id="LiftOffGround"></div>
        <div id="HeavyLoad"></div>
        <div id="DragOrPush"></div>
    </div>
    <div id="MoneyPanel">
        <div id="CopperCoins"></div>
        <div id="SilverCoins"></div>
        <div id="GoldCoins"></div>
        <div id="PlatCoins"></div>
    </div>
    <div id="XPPAnel">
        <div id="XP"></div>
        <div id="XPToNextLevel"></div>
    </div>
    <div id="SpellsCountPanel">
        <div id="LV0SpellsKnown"></div>
        <div id="LV0SpellSaveDC"></div>
        <div id="LV0SpellsPerDay"></div>
        <div id="LV0BonusSpells"></div>

        <div id="LV1SpellsKnown"></div>
        <div id="LV1SpellSaveDC"></div>
        <div id="LV1SpellsPerDay"></div>
        <div id="LV1BonusSpells"></div>

        <div id="LV2SpellsKnown"></div>
        <div id="LV2SpellSaveDC"></div>
        <div id="LV2SpellsPerDay"></div>
        <div id="LV2BonusSpells"></div>

        <div id="LV3SpellsKnown"></div>
        <div id="LV3SpellSaveDC"></div>
        <div id="LV3SpellsPerDay"></div>
        <div id="LV3BonusSpells"></div>

        <div id="LV4SpellsKnown"></div>
        <div id="LV4SpellSaveDC"></div>
        <div id="LV4SpellsPerDay"></div>
        <div id="LV4BonusSpells"></div>

        <div id="LV5SpellsKnown"></div>
        <div id="LV5SpellSaveDC"></div>
        <div id="LV5SpellsPerDay"></div>
        <div id="LV5BonusSpells"></div>

        <div id="LV6SpellsKnown"></div>
        <div id="LV6SpellSaveDC"></div>
        <div id="LV6SpellsPerDay"></div>
        <div id="LV6BonusSpells"></div>

        <div id="LV7SpellsKnown"></div>
        <div id="LV7SpellSaveDC"></div>
        <div id="LV7SpellsPerDay"></div>
        <div id="LV7BonusSpells"></div>

        <div id="LV8SpellsKnown"></div>
        <div id="LV8SpellSaveDC"></div>
        <div id="LV8SpellsPerDay"></div>
        <div id="LV8BonusSpells"></div>

        <div id="LV9SpellsKnown"></div>
        <div id="LV9SpellSaveDC"></div>
        <div id="LV9SpellsPerDay"></div>
        <div id="LV9BonusSpells"></div>

        <div id="SpellCountConditionalModifiers"></div>
    </div>
    <div id="SkillsPanel">
        <div id="AcrobaticsSkill">
            <div id="AcrobaticsSkillTrained"></div>
            <div id="TotalAcrobaticsSkill"></div>
            <div class="DexMod"></div>
            <div id="AcrobaticsSkillRanks"></div>
            <div id="AcrobaticsSkillMisc"></div>
        </div>
        <div id="AppraiseSkill">
            <div id="AppraiseSkillTrained"></div>
            <div id="TotalAppraiseSkill"></div>
            <div class="IntMod"></div>
            <div id="AppraiseSkillRanks"></div>
            <div id="AppraiseSkillMisc"></div>
        </div>
        <div id="BluffSkill">
            <div id="BluffSkillTrained"></div>
            <div id="TotalBluffSkill"></div>
            <div class="ChaMod"></div>
            <div id="BluffSkillRanks"></div>
            <div id="BluffSkillMisc"></div>
        </div>
        <div id="ClimbSkill">
            <div id="ClimbSkillTrained"></div>
            <div id="TotalClimbSkill"></div>
            <div class="StrMod"></div>
            <div id="ClimbSkillRanks"></div>
            <div id="ClimbSkillMisc"></div>
        </div>
        <div id="CraftSkill1">
            <div id="CraftSkill1Trained"></div>
			<div id="CraftSkill1Name"></div>
            <div id="TotalCraftSkill1"></div>
            <div class="IntMod"></div>
            <div id="CraftSkill1Ranks"></div>
            <div id="CraftSkill1Misc"></div>
        </div>
        <div id="CraftSkill2">
            <div id="CraftSkill2Trained"></div>
			<div id="CraftSkill2Name"></div>
            <div id="TotalCraftSkill2"></div>
            <div class="IntMod"></div>
            <div id="CraftSkill2Ranks"></div>
            <div id="CraftSkill2Misc"></div>
        </div>
        <div id="CraftSkill3">
            <div id="CraftSkill3Trained"></div>
			<div id="CraftSkill3Name"></div>
            <div id="TotalCraftSkill3"></div>
            <div class="IntMod"></div>
            <div id="CraftSkill3Ranks"></div>
            <div id="CraftSkill3Misc"></div>
        </div>
        <div id="DiplomacySkill">
            <div id="DiplomacySkillTrained"></div>
            <div id="TotalDiplomacySkill"></div>
            <div class="ChaMod"></div>
            <div id="DiplomacySkillRanks"></div>
            <div id="DiplomacySkillMisc"></div>
        </div>
        <div id="DisableDeviceSkill">
            <div id="DisableDeviceSkillTrained"></div>
            <div id="TotalDisableDeviceSkill"></div>
            <div class="DexMod"></div>
            <div id="DisableDeviceSkillRanks"></div>
            <div id="DisableDeviceSkillMisc"></div>
        </div>
        <div id="DisguiseSkill">
            <div id="DisguiseSkillTrained"></div>
            <div id="TotalDisguiseSkill"></div>
            <div class="ChaMod"></div>
            <div id="DisguiseSkillRanks"></div>
            <div id="DisguiseSkillMisc"></div>
        </div>
        <div id="EscapeArtistSkill">
            <div id="EscapeArtistSkillTrained"></div>
            <div id="TotalEscapeArtistSkill"></div>
            <div class="DexMod"></div>
            <div id="EscapeArtistSkillRanks"></div>
            <div id="EscapeArtistSkillMisc"></div>
        </div>
        <div id="FlySkill">
            <div id="FlySkillTrained"></div>
            <div id="TotalFlySkill"></div>
            <div class="DexMod"></div>
            <div id="FlySkillRanks"></div>
            <div id="FlySkillMisc"></div>
        </div>
        <div id="HandleAnimalSkill">
            <div id="HandleAnimalSkillTrained"></div>
            <div id="TotalHandleAnimalSkill"></div>
            <div class="ChaMod"></div>
            <div id="HandleAnimalSkillRanks"></div>
            <div id="HandleAnimalSkillMisc"></div>
        </div>
        <div id="HealSkill">
            <div id="HealSkillTrained"></div>
            <div id="TotalHealSkill"></div>
            <div class="WisMod"></div>
            <div id="HealSkillRanks"></div>
            <div id="HealSkillMisc"></div>
        </div>
        <div id="IntimidateSkill">
            <div id="IntimidateSkillTrained"></div>
            <div id="TotalIntimidateSkill"></div>
            <div class="ChaMod"></div>
            <div id="IntimidateSkillRanks"></div>
            <div id="IntimidateSkillMisc"></div>
        </div>
        <div id="KnowledgeArcana">
            <div id="KnowledgeArcanaTrained"></div>
            <div id="TotalKnowledgeArcana"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeArcanaRanks"></div>
            <div id="KnowledgeArcanaMisc"></div>
        </div>
        <div id="KnowledgeDungeoneering">
            <div id="KnowledgeDungeoneeringTrained"></div>
            <div id="TotalKnowledgeDungeoneering"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeDungeoneeringRanks"></div>
            <div id="KnowledgeDungeoneeringMisc"></div>
        </div>
        <div id="KnowledgeEngineering">
            <div id="KnowledgeEngineeringTrained"></div>
            <div id="TotalKnowledgeEngineering"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeEngineeringRanks"></div>
            <div id="KnowledgeEngineeringMisc"></div>
        </div>
        <div id="KnowledgeGeography">
            <div id="KnowledgeGeographyTrained"></div>
            <div id="TotalKnowledgeGeography"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeGeographyRanks"></div>
            <div id="KnowledgeGeographyMisc"></div>
        </div>
        <div id="KnowledgeHistory">
            <div id="KnowledgeHistoryTrained"></div>
            <div id="TotalKnowledgeHistory"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeHistoryRanks"></div>
            <div id="KnowledgeHistoryMisc"></div>
        </div>
        <div id="KnowledgeLocal">
            <div id="KnowledgeLocalTrained"></div>
            <div id="TotalKnowledgeLocal"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeLocalRanks"></div>
            <div id="KnowledgeLocalMisc"></div>
        </div>
        <div id="KnowledgeNature">
            <div id="KnowledgeNatureTrained"></div>
            <div id="TotalKnowledgeNature"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeNatureRanks"></div>
            <div id="KnowledgeNatureMisc"></div>
        </div>
        <div id="KnowledgeNobility">
            <div id="KnowledgeNobilityTrained"></div>
            <div id="TotalKnowledgeNobility"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeNobilityRanks"></div>
            <div id="KnowledgeNobilityMisc"></div>
        </div>
        <div id="KnowledgePlanes">
            <div id="KnowledgePlanesTrained"></div>
            <div id="TotalKnowledgePlanes"></div>
            <div class="IntMod"></div>
            <div id="KnowledgePlanesRanks"></div>
            <div id="KnowledgePlanesMisc"></div>
        </div>
        <div id="KnowledgeReligion">
            <div id="KnowledgeReligionTrained"></div>
            <div id="TotalKnowledgeReligion"></div>
            <div class="IntMod"></div>
            <div id="KnowledgeReligionRanks"></div>
            <div id="KnowledgeReligionMisc"></div>
        </div>  
        <div id="LingusticsSkill">
            <div id="LingusticsSkillTrained"></div>
            <div id="TotalLingusticsSkill"></div>
            <div class="IntMod"></div>
            <div id="LingusticsSkillRanks"></div>
            <div id="LingusticsSkillMisc"></div>
        </div>
        <div id="PerceptionSkill">
            <div id="PerceptionSkillTrained"></div>
            <div id="TotalPerceptionSkill"></div>
            <div class="WisMod"></div>
            <div id="PerceptionSkillRanks"></div>
            <div id="PerceptionSkillMisc"></div>
        </div>
        <div id="Perform1">
            <div id="Perform1Trained"></div>
	        <div id="Perform1Name"></div>
            <div id="TotalPerform1"></div>
            <div class="ChaMod"></div>
            <div id="Perform1Ranks"></div>
            <div id="Perform1Misc"></div>
        </div>
        <div id="Perform2">
            <div id="Perform2Trained"></div>
	        <div id="Perform2Name"></div>
            <div id="TotalPerform2"></div>
            <div class="ChaMod"></div>
            <div id="Perform2Ranks"></div>
            <div id="Perform2Misc"></div>
        </div>
        <div id="Profession1">
            <div id="Profession1Trained"></div>
	        <div id="Profession1Name"></div>
            <div id="TotalProfession1"></div>
            <div class="WisMod"></div>
            <div id="Profession1Ranks"></div>
            <div id="Profession1Misc"></div>
        </div>
        <div id="Profession2">
            <div id="Profession2Trained"></div>
	        <div id="Profession2Name"></div>
            <div id="TotalProfession2"></div>
            <div class="WisMod"></div>
            <div id="Profession2Ranks"></div>
            <div id="Profession2Misc"></div>
        </div>
        <div id="Ride">
            <div id="RideTrained"></div>
            <div id="TotalRide"></div>
            <div class="DexMod"></div>
            <div id="RideRanks"></div>
            <div id="RideMisc"></div>
        </div>
        <div id="SenseMotiveSkill">
            <div id="SenseMotiveSkillTrained"></div>
            <div id="TotalSenseMotiveSkill"></div>
            <div class="WisMod"></div>
            <div id="SenseMotiveSkillRanks"></div>
            <div id="SenseMotiveSkillMisc"></div>
        </div>
        <div id="SleightOfHandSkill">
            <div id="SleightOfHandSkillTrained"></div>
            <div id="TotalSleightOfHandSkill"></div>
            <div class="DexMod"></div>
            <div id="SleightOfHandSkillRanks"></div>
            <div id="SleightOfHandSkillMisc"></div>
        </div>
        <div id="SpellCraftSkill">
            <div id="SpellCraftSkillTrained"></div>
            <div id="TotalSpellCraftSkill"></div>
            <div class="IntMod"></div>
            <div id="SpellCraftSkillRanks"></div>
            <div id="SpellCraftSkillMisc"></div>
        </div>
        <div id="StealthSkill">
            <div id="StealthSkillTrained"></div>
            <div id="TotalStealthSkill"></div>
            <div class="DexMod"></div>
            <div id="StealthSkillRanks"></div>
            <div id="StealthSkillMisc"></div>
        </div>
        <div id="SurvivalSkill">
            <div id="SurvivalSkillTrained"></div>
            <div id="TotalSurvivalSkill"></div>
            <div class="WisMod"></div>
            <div id="SurvivalSkillRanks"></div>
            <div id="SurvivalSkillMisc"></div>
        </div>
        <div id="SwimSkill">
            <div id="SwimSkillTrained"></div>
            <div id="TotalSwimSkill"></div>
            <div class="StrMod"></div>
            <div id="SwimSkillRanks"></div>
            <div id="SwimSkillMisc"></div>
        </div>
        <div id="UseMagicalDeviceSkill">
            <div id="UseMagicalDeviceSkillTrained"></div>
            <div id="TotalUseMagicalDeviceSkill"></div>
            <div class="DexMod"></div>
            <div id="UseMagicalDeviceSkillRanks"></div>
            <div id="UseMagicalDeviceSkillMisc"></div>
        </div>
        <div id="ConditionalSkillModifiers"></div>
    </div>
    <div id="Lanugages">
    </div>
</body>
</html>
